import { createRouter, createWebHistory, createWebHashHistory } from 'vue-router';

import {
  HomePage, AboutPage, IndexPage, PageModule13, PageModule13_1, PageModule14, PageModule15, PageModule16, PageModule17, PageModule18, PageModule19, PageModule20,
  PageModule21, PageModule22, PageModule23, PageModule24, PageModule25, PageModule26, PageModule27, PageModule28, PageModule29, PageModule31, PageModule32, PageModule33, PageModule34, PageModule35,
  PageModule36, PageModule37, PageModule38, PageModule39, PageModule40, PageModule41, PageModule45, PageModule46, PageModule47, PageModule48, PageModule49, PageModule50, PageModule51, PageModule52,
  PageModule53, PageModule54, PageModule55, PageModule56, PageModule57, PageModule58, PageModule59, PageModule60, PageModule61, PageModule62, PageModule63, PageModule64, Permission, Yuanjin01,
  Yuanjin02
} from './componentPath.js'

import routerAbout from '../view/routerCom/about.vue';
import routerHome from '../view/routerCom/home.vue';
import routerNew from '../view/routerCom/new.vue';
import routerNewt from '../view/routerCom/newt.vue';
import routerNewa from '../view/routerCom/newa.vue';
import HelloWorld from '../view/HelloWorld.vue'
import Detail from '../view/routerCom/page/Detail.vue'
import Detailt from '../view/routerCom/page/Detailt.vue'
import Detaila from '../view/routerCom/page/Detaila.vue'
const router = createRouter({
  history: createWebHistory(''),
  // history: createWebHistory('xiali'), // 历史模式
  // history:createWebHashHistory('xiali'), // 哈希模式
  routes: [
    { path: '/', redirect: '/yuanjin01' },
    { path:'/helloWorld', component: HelloWorld },
    { path: '/aboutPage', component: AboutPage },
    { path: '/page13', component: PageModule13 },
    { path: '/page13_1', component: PageModule13_1 },
    { path: '/page14', component: PageModule14 },
    { path: '/page15', component: PageModule15 },
    { path: '/page16', component: PageModule16 },
    { path: '/page17', component: PageModule17 },
    { path: '/page18', component: PageModule18 },
    { path: '/page19', component: PageModule19 },
    { path: '/page20', component: PageModule20 },
    { path: '/page21', component: PageModule21 },
    { path: '/page22', component: PageModule22 },
    { path: '/page23', component: PageModule23 },
    { path: '/page24', component: PageModule24 },
    { path: '/page25', component: PageModule25 },
    { path: '/page26', component: PageModule26 },
    { path: '/page27', component: PageModule27 },
    { path: '/page28', component: PageModule28 },
    { path: '/page29', component: PageModule29 },
    { path: '/page31', component: PageModule31 },
    {
      path: '/page32', component: PageModule32, children: [
        { name: 'zhuye', path: '/page32/routerHome', component: routerHome },
        {
          name: 'xinwen',
          path: '/page32/routerNew',
          component: routerNew,
          children: [
            { path: '/page32/routerNew/detail', component: Detail }
          ]
        },
        { name: 'guanyu', path: '/page32/routerAbout', component: routerAbout }
      ]
    },
    { path: '/page33', component: PageModule33 },
    { path: '/page34', component: PageModule34 },
    {
      path: '/page35', component: PageModule35,
      children: [
        {
          name: 'xinwent',
          path: '/page35/routerNew',
          component: routerNewt,
          children: [
            { path: '/page35/routerNew/detailt/:id/:title/:content', component: Detailt }
          ]
        }
      ]
    },
    {
      path: '/page36', component: PageModule36,
      children: [
        {
          name: 'xinwena',
          path: '/page36/routerNew',
          component: routerNewa,
          children: [
            {
              name: "detailta",
              path: '/page36/routerNew/detailt',
              /* 
              props(route) {
                console.log(route)
                return { id: route.query.id, title: route.query.title, content: route.query.content }
              }, */
              props: (route) => ({ id: route.query.id, title: route.query.title, content: route.query.content }),
              component: Detaila
            }
          ]
        }
      ]
    },
    { path: '/page37', component: PageModule37 },
    { path: '/page38', component: PageModule38 },
    { path: '/page39', component: PageModule39 },
    { path: '/page40', component: PageModule40 },
    { path: '/page41', component: PageModule41 },
    { path: '/page45', component: PageModule45 },
    { path: '/page46', component: PageModule46 },
    { path: '/page47', component: PageModule47 },
    { path: '/page48', component: PageModule48 },
    { path: '/page49', component: PageModule49 },
    { path: '/page50', component: PageModule50 },
    { path: '/page51', component: PageModule51 },
    { path: '/page52', component: PageModule52 },
    { path: '/page53', component: PageModule53 },
    { path: '/page54', component: PageModule54 },
    { path: '/page55', component: PageModule55 },
    { path: '/page56', component: PageModule56 },
    { path: '/page57', component: PageModule57 },
    { path: '/page58', component: PageModule58 },
    { path: '/page59', component: PageModule59 },
    { path: '/page60', component: PageModule60 },
    { path: '/page61', component: PageModule61 },
    { path: '/page62', component: PageModule62 },
    { path: '/page63', component: PageModule63 },
    { path: '/page64', component: PageModule64 },
    { path: '/Permission', component: Permission },
    { path: '/indexPage', component: IndexPage },
    { path: '/yuanjin01', component: Yuanjin01 },
    { path: '/yuanjin02', component: Yuanjin02 },
  ]
});

export default router;